import './App.css';
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Login from './layout/pages/Login';
import Layout from './layout/pages/Layout';
import Page1 from './layout/pages/Page1';
import Page11 from './layout/pages/Page11';
import Page12 from './layout/pages/Page12';
import Page2 from './layout/pages/Page2';
import Home from './layout/pages/Home';

function App() {
  return (
    <BrowserRouter>
      <Routes>
        <Route path="/Login" element={<Login />} />
        <Route path="p2" element={<Page2 />} />
        <Route path="/" element={<Layout />}>
          <Route index element={<Home />} />
          <Route path=":usr" element={<Home />} />
          <Route path="p1" element={<Page1 />}>
            <Route index element={<Page11 />} />
            <Route path='p12' element={<Page12 />} />
          </Route>
          <Route path="*" element={<Home />} />
        </Route>
      </Routes>
    </BrowserRouter>
  );
}

export default App;
